<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!--#include file="connections/connect.asp" -->
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Shoes Shop</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<!--[if ie]><meta content='IE=8' http-equiv='X-UA-Compatible'/><![endif]-->
		
		<!-- bootstrap -->
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">      
		<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">		
		<link href="themes/css/bootstrappage.css" rel="stylesheet"/>
		
		<!-- global styles -->
		<link href="themes/css/main.css" rel="stylesheet"/>
		<link href="themes/css/jquery.fancybox.css" rel="stylesheet"/>
				
		<!-- scripts -->
		<script src="themes/js/jquery-1.7.2.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>				
		<script src="themes/js/superfish.js"></script>	
		<script src="themes/js/jquery.scrolltotop.js"></script>
		<script src="themes/js/jquery.fancybox.js"></script>
		<!--[if lt IE 9]>			
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
			<script src="js/respond.min.js"></script>
		<![endif]-->
	</head>
    <body>		
		<div id="top-bar" class="container">
			<div class="row">
				<div class="span4">
					<form method="POST" class="search_form">
						<input type="text" class="input-block-level search-query" Placeholder="eg. T-sirt">
					</form>
				</div>
				<div class="span8">
					<div class="account pull-right">
						<ul class="user-menu">				
							<%
				var user =Session("user")
				if (user == null)
				{
				%>			
                			<li><a href="register.asp">Register</a></li>	
                			<li><a href="login.asp">Login</a></li>	
								
                            <%
				}
				else
				{					
					var sql1="select * from Customer where CustomerID='"+user+"'"
					var getid=conn.Execute(sql1)
							
							%>											
							<li><a href="user_profile.asp?CustomerID=<%=getid('CustomerID')%>">Profile's <%=getid('CustomerID')%></a></li>
                            <li><a href="history.asp">Your Order</a></li>
                            <li><a href="message.asp">Message</a></li>
                            <li><a href="logout.asp">Logout</a></li>
                            <%
				}
							%>			
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="wrapper" class="container">
			<section class="navbar main-menu">
				<div class="navbar-inner main-menu">				
					<a href="index.asp" class="logo pull-left"><img src="themes/images/logo.png" class="site_logo" alt=""></a>
					<nav id="menu" class="pull-right">
						<ul>
							<%
						var sql ="select * from Category"
						var cat=conn.Execute(sql)
						while(!cat.EOF)
						{
					%>
						<li>  <a href="products.asp?categoryid=<%=cat("CategoryID")%>"> <%=cat("CategoryName")%> </a> </li>
					<%
						cat.Movenext()
						}
					%>  
							<li><a href="topseller.asp">Top Seller</a></li>
						</ul>
					</nav>
				</div>
			</section>
			<section class="header_text sub">
			<img class="pageBanner" src="themes/images/pageBanner.png" alt="New products" >
				<h4><span>Product Detail</span></h4>
			</section>
			<section class="main-content">				
				<div class="row">						
					<div class="span9">
						<div class="row">
                         <%										 		
					 			var prodID = Request.QueryString("prodID")		
								var sql= "select * from Product p INNER JOIN Category c on p.CategoryID=c.CategoryID WHERE ProductID= '"+prodID+"'"
								var list=conn.Execute(sql)								
							%>
							<div class="span4">
								<a href="Upload/ImageProd/<%=list("Image")%>" class="thumbnail" data-fancybox-group="group1" title="Description 1"><img alt="" src="Upload/ImageProd/<%=list("Image")%>"></a>									
							</div>
							<div class="span5">
								<address>
									<strong>Name:</strong> <span><%=list("ProductName")%></span><br>
									<strong>Category:</strong> <span><%=list("CategoryName")%></span><br>
									<strong>Size:</strong> <span><%=list("Size")%></span><br>
									<strong>Availability:</strong> <span>Out Of Stock</span><br>								
								</address>									
								<h4><strong>Price: $<%=list("Price")%></strong></h4>
							</div>
							<div class="span5">
								<form class="form-inline" action="order.asp" method="post">			                                    <input type="hidden" value="<%=list("ProductID")%>" name="prodID">
									<button  class="btn btn-inverse" type="submit">BUY</button>
								</form>
							</div>							
						</div>
						<div class="row">
							<div class="span9">
								<ul class="nav nav-tabs" id="myTab">
									<li class="active"><a href="#home">Description</a></li>
								</ul>							 
								<div class="tab-content">
									<div class="tab-pane active" id="home"><%=list("Description")%></div>
								</div>							
							</div>						
						</div>
					</div>
				</div>
			</section>			
			<section id="footer-bar">
				<div class="row">
					<div class="span3">
						<h4>Navigation</h4>
						<ul class="nav">
							<li><a href="./index.asp">Homepage</a></li>  
							<li><a href="./about.asp">About Us</a></li>
							<li><a href="./contact.asp">Contac Us</a></li>													
						</ul>					
					</div>					
					<div class="span5">
						<p class="logo"><img src="themes/images/logo.png" class="site_logo" alt=""></p>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. the  Lorem Ipsum has been the industry's standard dummy text ever since the you.</p>
						<br/>
						<span class="social_icons">
							<a class="facebook" href="#">Facebook</a>
							<a class="twitter" href="#">Twitter</a>
							<a class="skype" href="#">Skype</a>
							<a class="vimeo" href="#">Vimeo</a>
						</span>
					</div>					
				</div>	
			</section>
			<section id="copyright">
				<span>Copyright 2014 Shoes Shop  All right reserved.</span>
			</section>
		</div>
		<script src="themes/js/common.js"></script>
		<script>
			$(function () {
				$('#myTab a:first').tab('show');
				$('#myTab a').click(function (e) {
					e.preventDefault();
					$(this).tab('show');
				})
			})
			$(document).ready(function() {
				$('.thumbnail').fancybox({
					openEffect  : 'none',
					closeEffect : 'none'
				});
				
				$('#myCarousel-2').carousel({
                    interval: 2500
                });								
			});
		</script>
    </body>
</html>